<!--
* description: 文本显示组件
* author: xlc
* createdDate: 2021-05-12
-->
<template>
  <el-col v-show="curIsShow" :key="fullComponentKey" :span="span" style="color:red;float:left">
    <span>{{ labelName }}</span> <span>{{ code }}</span>
  </el-col>
</template>
<script>
export default {
  props: {
    // 行内占比
    span: { type: Number, default: 6 },
    // 组件是否显示
    isShow: { type: Boolean, default: true },
    // 是否可清除
    clearable: { type: Boolean, default: true },
    // 默认选中
    code: { type: String, default: '' },
    // 控件label名称
    labelName: { type: String, default: '' },
    // 组件类型标识（用于标识不同组件，每个视图中唯一）(预留)
    comType: { type: String, default: '' },
    // 组件传值字段名称（与code对象绑定的字段名称，即视图中：formField对应的字段名称）
    // 如：视图中配置：code="formField.carBrandCode"，则codeField="carBrandCode"
    codeField: { type: String, default: '' },
    // 获取组件中的名称，如：textField="carBrandName"
    textField: { type: String, default: '' },
    // 对应弹窗的key
    popupsKey: { type: String, default: '' },
    // 是否不可用
    disabled: { type: Boolean, default: false },
    // 是否只读
    readonly: { type: Boolean, default: false },
    labelWidth: { type: Number, default: 80 },
    // 数据传输对象
    // 当前已使用：
    // importUrl: 导入url
    // pageSize: 每页显示
    // placeholder：空选择项文本（默认为：请选择）
    // maxWordCount：最大显示文字数
    dataToObject: { type: Object, default: () => {} }
  },
  data() {
    return {
      // 单选多选（false:单日期,true:双日期）
      isMul: false,
      curLabelName: this.labelName,
      // 绑定传入值并同步界面数据
      modelCode: '',
      // 组件是否显示
      curIsShow: this.isShow,
      // 是否显示控件
      curIsShowComp: this.isShowComp,
      curDisabled: this.disabled,
      // 组件Key
      fullComponentKey: '',
      // 最大显示文字数
      maxWordCount: this.dataToObject && this.dataToObject.maxWordCount ? this.dataToObject.maxWordCount : 6
    }
  },
  mounted() {
    console.log(this.$parent)
  }
}
</script>
